.card {
  position: relative;
  padding: 40px 0 40px;
  .dropdown {
    position: absolute;
    top: 63px;
    right: 30px;
    .readed {
      display: inline-block;
      margin-right: 20px;
      color: $color-primary;
      cursor: pointer;
      &:hover {
        text-decoration: underline;
      }
    }
  }
}
.list {
  li {
    padding: 10px 0 20px;
    border-bottom: 1px solid $border-color;
    .unread {
      position: relative;
      &:before {
        position: absolute;
        content: '';
        top: 0;
        right: -10px;
        width: 7px;
        height: 7px;
        border-radius: 5px;
        background-color: red;
      }
    }
    .time {
      position: relative;
      padding-bottom: 15px;
      span {
        color: #666;
      }
      .delete {
        position: absolute;
        right: 0;
        top: 0;
        color: $color-primary;
        cursor: pointer;
        &:hover {
          text-decoration: underline;
        }
      }
      .readed {
        position: absolute;
        right: 60px;
        top: 0;
        color: $color-primary;
        cursor: pointer;
        &:hover {
          text-decoration: underline;
        }
      }
    }
    .txt {
      font-size: 16px;
      // line-height: 30px;
      word-break: break-all;
    }
  }
}
.label-dot {
  position: relative;
  height: 30px;
  line-height: 30px;
  .dot {
    position: absolute;
    top: 0px;
    right: -27px;
    height: 16px;
    line-height: 16px;
    border-radius: 10px;
    padding: 0 5px;
    background-color: red;
    color: #fff;
    font-size: 12px;
  }
}
